<!--The content below is only a placeholder and can be replaced.-->
<!--<div style="text-align:center">-->
<!--<h1>-->
<!--Welcome to {{ title }}!-->
<!--</h1>-->
<!--<img width="300" alt="Angular Logo" src="">-->
<!--</div>-->
<!--<h2>Here are some links to help you start: </h2>-->
<!--<ul>-->
<!--<li>-->
<!--<h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>-->
<!--</li>-->
<!--<li>-->
<!--<h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></h2>-->
<!--</li>-->
<!--<li>-->
<!--<h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>-->
<!--</li>-->
<!--</ul>-->


<!--<h1>-->
<!--{{title}}-->
<!--</h1>-->
<!--<button (click)="sayHello()">Say Hello</button>-->
<!--<span>{{result}}</span>-->


<!--<div style="text-align:center" class="container">-->
<!--<h1>-->
<!--Welcome {{title}}!-->
<!--</h1>-->
<!--<div class="container">-->
<!--<p>Id: <span>{{greeting.id}}</span></p>-->
<!--<p>Message: <span>{{greeting.content}}!</span></p>-->
<!--</div>-->
<!--</div>-->

<div class="container">
  <ul class="nav nav-pills">
    <li><a routerLinkActive="active" routerLink="/home">Home</a></li>
    <li><a routerLinkActive="active" routerLink="/login">Login</a></li>
    <li><a (click)="logout()">Logout</a></li>
  </ul>
</div>
<div class="container">
  <router-outlet></router-outlet>
</div>
